<template>
    <div class="content">
      <i class="iconfont icon-fanhui iv" @click="$router.push('/index/home')"></i>
      <p>订单号:{{$route.query.orderId}}</p>
      <div class="zi">
        <i>&yen;</i>
        <span>{{$route.query.price}}</span>
      </div>
      <div class="zhifu">
        <van-cell value="请选择支付方式" />
        <van-radio-group v-model="radio">
          <van-cell-group>
            <van-cell icon="alipay" title="支付宝支付" clickable @click="radio = '1'">
              <template #right-icon>
                <van-radio name="1" />
              </template>
            </van-cell>
            <van-cell icon="wechat-pay" title="微信支付" clickable @click="radio = '2'">
              <template #right-icon>
                <van-radio name="2" />
              </template>
            </van-cell>
          </van-cell-group>
        </van-radio-group>
        <van-button round type="info" size="large">确定支付</van-button>
      </div>
    </div>
</template>
<script>

export default {
  data() {
    return {
         radio: '1',
    };
  },
  mounted(){
    // console.log(  JSON.parse(localStorage.getItem("order")).countmoney  );
  }
};
</script>

<style scoped>
.iv {
  font-size: 0.5rem;
  z-index: 2;
  position: fixed;
  top: 0.18rem;
  left: 0.2rem;
  color: #fff;
}
.content p {
  margin: 0.5rem 0rem 0.1rem 0rem;
  text-align: center;
  color: #cccccc;
  font-size: 0.4rem;
}
.zi {
  text-align: center;
  margin-bottom: 0.2rem;
}
.zi i {
  display: inline-block;
  vertical-align: middle;
}
.zi span {
  margin-top: 0.2rem;
  vertical-align: middle;
  display: inline-block;
  font-size: 0.8rem;
}
.content .zhifu {
  padding: 0.2rem;
}
.van-button {
  margin-top: 280px;
}
</style>